<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>修改密码</title>
		<link rel="stylesheet" href="__STATIC__/css/bootstrap.min.css" />
	<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/header.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/metisMenu.min.js" type="text/javascript" charset="UTF-8"></script>
	<style type="text/css">
		.col-md-9{
			width: 100%;
			height: 100%;
			align-content: center;
			vertical-align: auto;
			position:static;
		}
        .common-btn{
            border: solid 1px #333333;
            border-radius: 8px;
            padding: 4px 12px 4px 12px;
            background-color: #7abaff;
        }
	</style>
	</head>
	<body>
		<div class="col-md-9">

                <div id="news" class="panel">
                    <div class="panel-heading"><h3>修改密码</h3></div>
                    <div class="panel-body">

                        <form id="user-profile-form" action="{:url('index/personal/changePwd')}" class="form-horizontal" method="post" novalidate="novalidate" data-widget-cid="widget-1">

                            <div class="form-group">
                                <label class="col-md-2 control-label" for="oldpwd">原密码</label>
                                <div class="col-md-7 controls radios">
                                    <input type="text" id="oldpwd" name="oldpwd" class="form-control" data-widget-cid="widget-2" data-explain="" value="">
                                    <div class="help-block" style="display:none;"></div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-2 control-label" for="password">新密码</label>
                                <div class="col-md-7 controls radios">
                                    <input type="text" id="password" name="password" class="form-control" value="" data-widget-cid="widget-8" data-explain="">
                                    <div class="help-block" style="display:none;"></div>
                                </div>
                            </div>

                            <div class="form-group" align="center"style="margin-top: 50px;">
                                <div class="col-md-7" align="center">
                                    <input type="submit" value="修改" class="common-btn"/>
                                    <button style="margin-right: 20px;" class="common-btn">取消</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
        </div>
        <script type="text/javascript">
            $(document).ready(function(){
                $("div.profile-photo").mouseenter(function(){
                    $("div.personal-msg").show(500);
                });
                $("div.personal-msg").mouseleave(function(){
                    $("div.personal-msg").hide(500);
                });
                $("div.nav-bar").mouseenter(function(){
                    $("div.personal-msg").hide(500);
                });
            });
        </script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("div.profile-photo").mouseenter(function(){
            $("div.personal-msg").show(500);
        });
        $("div.personal-msg").mouseleave(function(){
            $("div.personal-msg").hide(500);
        });
        $("div.nav-bar").mouseenter(function(){
            $("div.personal-msg").hide(500);
        });
    });
</script>
</body>
</html>
